<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/sign.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../libs/bootstrap.min.css">
</head>
<body>
    <div id="header">
        <div class="center">
         <div class="left"><img src="https://id1.cloud.huawei.com/CAS/static_rss/rss_92/IDMW/common/logos/HUAWEI.svg" alt=""></div>
         <div class="right">华为商城</div>
        </div>
     </div>
     <div class="header-title">
        <p>华为帐号登录</p>
     </div>
     <div id="sign-in">
        <div class="sign-left">
            <div></div>
            <span>若您使用华为手机，请进入“设置”>“华为帐号”扫码登录。</span>
        </div>
        <div class="sign-center"></div>
        <div class="sign-right">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <!-- <div class="modal-header">
                        <h4 class="modal-title" id="exampleModalLabel">登录</h4>
                    </div> -->
                    <div class="modal-body">
                        <form>
                            <div class="form-group">
                                <input type="text" class="form-control" id="recipient-name" placeholder="用户名">
                            </div>
                            <div class="form-group">
                                <input type="password" class="form-control" id="recipient-name" placeholder="密码">
                                <span class="sp"></span>
                            </div>
                        </form>
                    </div>
                    <div class="checkbox">
                        <input type="checkbox">
                        <span>记住密码</span>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">登录</button>
                    </div>
                    
                </div>
            </div>
            <div class="tips">
                <span>登录</span>
                <span></span>
                <span><a href="register.html">注册</a></span>
                <span></span>
                <span>遇到问题</span>
            </div>
        </div>
     </div>
     <div class="footer">
        <div class="footer-conent">
            <div class="hwid-footer">
                <a href="">华为帐号用户协议</a>
                <a href="">关于华为帐号与隐私的声明</a>
                <a href="">常见问题</a>
                <a href="">Cookies</a>
            </div>
            <div class="footer-copyRight ">
               <p>华为帐号 版权所有 © 2011-2022</p>
            </div>
        </div>
    </div>
     <script src="../libs/jquery-3.4.1.min.js"></script>
     <script src="../libs/bootstrap.min.js"></script>
     <script src="../js/sign.js"></script>
</body>
</html>